<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 开发环境版本，包含了有帮助的命令行警告 -->
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
		<!-- 引入样式 -->
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		<!-- 引入组件库 -->
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
		
	</head>
	<body>
		<div id="app">
			<template>
			  <el-table
				ref="multipleTable"
				:data="tableData3"
				tooltip-effect="dark"
				style="width: 100%"
				@selection-change="handleSelectionChange">
				<el-table-column
				  type="selection"
				  width="55">
				</el-table-column>
				<el-table-column
				  label="ID"
				  width="120">
				  <template slot-scope="scope">{{ scope.row.date }}</template>
				</el-table-column>
				<el-table-column
				  prop="name"
				  label="问题"
				  width="120">
				</el-table-column>
				<el-table-column
				  prop="address"
				  label="分类"
				  show-overflow-tooltip>
				</el-table-column>
				<el-table-column
				prop="address"
				label="状态"
				show-overflow-tooltip>
				</el-table-column>
				<el-table-column
				prop="address"
				label="次数"
				show-overflow-tooltip>
				</el-table-column>
			  </el-table>
			  <div style="margin-top: 20px">
				<el-button @click="toggleSelection()">取消选择</el-button>
			  </div>
			</template>
		</div>
		<script type="text/javascript" src="js/shouhou/qa.js"></script>
	</body>
</html>
